<!--
@description: 笔记
@creationTime: 2025-04-24
-->

<route type="page" lang="json5">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '工单日志'
  }
}
</route>

<template>
  <view class="pt-3">
    <wd-card v-for="item in 2" :key="item">
      <view class="py-3">
        <view class="flex flex-justify-between flex-items-center my-1">
          <text class="text-gray-900 font-size-30rpx">张某某</text>

          <text class="text-gray-500 font-size-22rpx">2025-04-24</text>
        </view>
        <view class="flex flex-justify-between flex-items-center my-2">
          <text class="text-gray-700 font-size-30rpx">冰鲜库</text>
          <view class="flex-1 px-6">
            <wd-progress :percentage="45" />
          </view>
          <text class="text-gray-100 font-size-22rpx px-2 py-1 bg-#3c7bcd">2.6小时</text>
        </view>
        <view class="my-2">
          <text class="text-gray-700 font-size-24rpx">
            这是一条日志记录这是一条日志记录这是一条日志记录这是一条日志记录
          </text>
        </view>

        <view class="flex flex-wrap gap-2">
          <image src="/src/static/工程图.jpg" mode="aspectFill" class="w26vw h26vw" />
          <image src="/src/static/工程图.jpg" mode="aspectFill" class="w26vw h26vw" />
          <image src="/src/static/工程图.jpg" mode="aspectFill" class="w26vw h26vw" />
        </view>
      </view>
    </wd-card>
  </view>
  <wd-fab position="right-bottom" :expandable="false" :draggable="true">
    <template #trigger>
      <view class="bg-#44d19f border-rd-50%">
        <wd-button type="icon" @click="handleClick">
          <wd-icon name="add" size="50rpx" color="#fff" />
        </wd-button>
      </view>
    </template>
  </wd-fab>
</template>

<script lang="ts" setup>
const handleClick = e => {
  uni.navigateTo({
    url: '/pages/ticket/log/detail'
  })
}
</script>

<style lang="scss" scoped></style>
